<div class="properties-centent kk-checkbox">
  <div class="properties-body">
    <nz-empty *ngIf="selectItem.key === '' && !selectItem.type; else elseBlock" [nzNotFoundContent]="contentTpl">
      <ng-template #contentTpl>
        <span>未选择组件</span>
      </ng-template>
    </nz-empty>
    <ng-template #elseBlock>
    <div>
      <div *ngIf="getType(selectItem.label) !== 'undefined'">
        <label>
          标签
        </label>
        <div>
          <input nz-input [ngModel]="selectItem.label" (ngModelChange)="changeSelectLabel($event)" />
        </div>
      </div>
      <ng-container *ngIf="globalConfig?.amberMetadata">
        <div>
          <label>
            元数据字段
          </label>
          <div>
            <label nz-checkbox [(ngModel)]="showMetaDataModel"></label>
          </div>
        </div>
        <div *ngIf="showMetaDataModel">
          <label>
            数据字段
          </label>
          <div>
            <nz-select style="width: 100%;" nzShowSearch [ngModel]="selectItem.model"
              (ngModelChange)="attrSelectChange($event)">
              <nz-option *ngFor="let option of attrLists" [nzLabel]="option.title" [nzValue]="option.jsonPath"
                [nzDisabled]="option.disabled"></nz-option>
            </nz-select>
          </div>
        </div>
      </ng-container>
      <div *ngIf="showFreeModel">
        <label>
          数据字段
        </label>
        <div>
          <input nz-input [ngModel]="selectItem.model" (ngModelChange)="changeSelectModel($event)" placeholder="请输入" />
        </div>
      </div>

      <hr>
      <div>
        <label>
          覆盖全局布局
        </label>
        <div>
          <nz-switch [ngModel]="options.overrideLayout" (ngModelChange)="colOverrideChange($event)"></nz-switch>
        </div>
      </div>
      <div *ngIf="selectItem.key">
        <label>
          key
        </label>
        <div>
          {{selectItem.key}}
        </div>
      </div>
      <ng-container *ngIf="options.overrideLayout">
        <div class="label-width" [hidden]="config.labelLayout !== 'flex'">
          <label>
            标签宽度(px)：
          </label>
          <div>
            <nz-input-number [(ngModel)]="options.labelWidth"></nz-input-number>
          </div>
        </div>
        <div [hidden]="config.labelLayout !== 'Grid'">
          <label>
            labelCol:
          </label>
          <div>
            <nz-slider nzMax="24" nzMin="0" [(ngModel)]="options.labelCol.xs"
              (ngModelChange)="handleChangeCol($event)"></nz-slider>
            <div *ngIf="simpleSize">
              <label></label>
              <nz-input-number [ngModel]="options.labelCol.xs"
                (ngModelChange)="handleChangeLabelCol($event)"></nz-input-number>
            </div>
            <ng-container *ngIf="!simpleSize">
              <div>
                <label>xs:</label>
                <nz-input-number [(ngModel)]="options.labelCol.xs"></nz-input-number>
              </div>
              <div>
                <label>sm:</label>
                <nz-input-number [(ngModel)]="options.labelCol.sm"></nz-input-number>
              </div>
              <div>
                <label>md:</label>
                <nz-input-number [(ngModel)]="options.labelCol.md"></nz-input-number>
              </div>
              <div>
                <label>lg:</label>
                <nz-input-number [(ngModel)]="options.labelCol.lg"></nz-input-number>
              </div>
              <div>
                <label>xl:</label>
                <nz-input-number [(ngModel)]="options.labelCol.xl"></nz-input-number>
              </div>
              <div>
                <label>xxl:</label>
                <nz-input-number [(ngModel)]="options.labelCol.xxl"></nz-input-number>
              </div>
            </ng-container>
          </div>
        </div>
        <div [hidden]="config.labelLayout !== 'Grid'">
          <label>
            wrapperCol（水平布局生效）
          </label>
          <div>
            <div *ngIf="simpleSize">
              <label></label>
              <nz-input-number [ngModel]="options.wrapperCol.xs"
                (ngModelChange)="handleChangeWrapperCol($event)"></nz-input-number>
            </div>
            <ng-container *ngIf="!simpleSize">
              <div>
                <label>xs:</label>
                <nz-input-number [(ngModel)]="options.wrapperCol.xs"></nz-input-number>
              </div>
              <div>
                <label>sm:</label>
                <nz-input-number [(ngModel)]="options.wrapperCol.sm"></nz-input-number>
              </div>
              <div>
                <label>md:</label>
                <nz-input-number [(ngModel)]="options.wrapperCol.md"></nz-input-number>
              </div>
              <div>
                <label>lg:</label>
                <nz-input-number [(ngModel)]="options.wrapperCol.lg"></nz-input-number>
              </div>
              <div>
                <label>xl:</label>
                <nz-input-number [(ngModel)]="options.wrapperCol.xl"></nz-input-number>
              </div>
              <div>
                <label>xxl:</label>
                <nz-input-number [(ngModel)]="options.wrapperCol.xxl"></nz-input-number>
              </div>
            </ng-container>
          </div>
        </div>
      </ng-container>
      <hr>
      <div *ngIf="globalConfig?.indicatorCard && this.selectItem?.type == 'card'">
        <label>
          卡片key
        </label>
        <div>
          <input nz-input [(ngModel)]="selectItem.key" placeholder="请输入" />
        </div>
      </div>
      <!-- input type start -->
      <div *ngIf="selectItem.type === 'input'">
        <label>
          输入框type
        </label>
        <div>
          <input nz-input [(ngModel)]="options.type" placeholder="请输入" />
        </div>
      </div>
      <!-- input type end -->

      <div *ngIf="getType(options.rangePlaceholder) !== 'undefined' && options.range; else placeHolderElse">
        <label>
          占位内容
        </label>
        <div>
          <input nz-input [(ngModel)]="options.rangePlaceholder[0]" placeholder="请输入" />
          <input nz-input [(ngModel)]="options.rangePlaceholder[1]" placeholder="请输入" />
        </div>
      </div>
      <ng-template #placeHolderElse>
        <div *ngIf="getType(options.placeholder) !== 'undefined'">
          <label>
            占位内容
          </label>
          <div>
            <input nz-input [(ngModel)]="options.placeholder" placeholder="请输入" />
          </div>
        </div>
      </ng-template>

      <div *ngIf="selectItem.type === 'textarea'">
        <label>
          自适应内容高度
        </label>
        <div>
          <nz-input-number nzPlaceHolder="最小高度" [(ngModel)]="options.minRows"></nz-input-number>
          <nz-input-number nzPlaceHolder="最大高度" [(ngModel)]="options.maxRows"></nz-input-number>
        </div>
      </div>

      <div *ngIf="getType(options.width) !== 'undefined'">
        <label>
          宽度
        </label>
        <div>
          <input nz-input [(ngModel)]="options.width" placeholder="请输入" />
        </div>
      </div>
      <div *ngIf="getType(options.height) !== 'undefined'">
        <label>
          高度
        </label>
        <div>
          <nz-input-number [(ngModel)]="options.height" placeholder="请输入"></nz-input-number>
        </div>
      </div>
      <div *ngIf="getType(options.step) !== 'undefined'">
        <label>
          步长
        </label>
        <div>
          <nz-input-number [(ngModel)]="options.step" placeholder="请输入"></nz-input-number>
        </div>
      </div>
      <div *ngIf="getType(options.min) !== 'undefined'">
        <label>
          最小值
        </label>
        <div>
          <nz-input-number [(ngModel)]="options.min" placeholder="请输入"></nz-input-number>
        </div>
      </div>
      <div *ngIf="getType(options.max) !== 'undefined'">
        <label>
          最大值
        </label>
        <div>
          <nz-input-number [(ngModel)]="options.max" placeholder="请输入"></nz-input-number>
        </div>
      </div>
      <div *ngIf="getType(options.maxLength) !== 'undefined'">
        <label>
          最大长度
        </label>
        <div>
          <nz-input-number [(ngModel)]="options.maxLength" placeholder="请输入"></nz-input-number>
        </div>
      </div>
      <div *ngIf="getType(options.tabBarGutter) !== 'undefined'">
        <label>
          标签间距
        </label>
        <div>
          <nz-input-number [(ngModel)]="options.tabBarGutter" placeholder="请输入"></nz-input-number>
        </div>
      </div>
      <div *ngIf="getType(options.precision) !== 'undefined'">
        <label>
          数值精度
        </label>
        <div>
          <nz-input-number [nzMin]="0" [nzMax]="50" [(ngModel)]="options.precision" placeholder="请输入"></nz-input-number>
        </div>
      </div>

      <!-- 选项配置及动态数据配置 start -->
      <div *ngIf="getType(options.options) !== 'undefined'">
        <label>
          选项配置
        </label>
        <div>
          <nz-radio-group [(ngModel)]="options.dynamic">
            <label nz-radio-button [nzValue]="false">静态数据</label>
            <label nz-radio-button [nzValue]="true">动态数据</label>
          </nz-radio-group>

          <input *ngIf="options.dynamic" [(ngModel)]="options.dynamicKey" nz-input />

          <nz-radio-group *ngIf="options.dynamic
             " [ngModel]="globalConfig!.getSelectType(selectItem)"
            (ngModelChange)="globalConfig!.selectTypeChange($event, selectItem)">
            <label nz-radio [nzValue]="true">标准代码项</label>
            <!-- <label nz-radio [nzValue]="false">用户列表</label> -->
          </nz-radio-group>
          <app-design-form-change-option *ngIf="!options.dynamic"
            [(ngModel)]="options.options"></app-design-form-change-option>
        </div>
      </div>
      <!-- 选项配置及动态数据配置 end -->

      <!-- tabs配置 start -->
      <div *ngIf="selectItem.type == 'tabs' || selectItem.type == 'selectInputList'">
        <label>
          {{selectItem.type === 'tabs' ? '页签配置' : '列选项配置'}}
        </label>
        <div>
          <app-design-form-change-option [type]="'tab'"
            [(ngModel)]="selectItem.columns"></app-design-form-change-option>
        </div>
      </div>
      <!-- tabs配置 end -->
      <ng-container *ngIf="selectItem.type === 'tabs'">
        <!-- 页签位置 start -->
        <div>
          <label>
            页签位置
          </label>
          <div>
            <nz-radio-group nzButtonStyle="solid" [(ngModel)]="options.tabPosition">
              <label nz-radio nzValue="top">top</label>
              <label nz-radio nzValue="right">right</label>
              <label nz-radio nzValue="bottom">bottom</label>
              <label nz-radio nzValue="left">left</label>
            </nz-radio-group>
          </div>
        </div>
        <!-- 页签位置 end -->

        <!-- 页签类型 start -->
        <div>
          <label>
            页签类型
          </label>
          <div>
            <nz-radio-group nzButtonStyle="solid" [(ngModel)]="options.type">
              <label nz-radio nzValue="line">line</label>
              <label nz-radio nzValue="card">card</label>
            </nz-radio-group>
          </div>
        </div>
        <!-- 页签类型 end -->
        <!-- 内容最大高度 start -->
        <div>
          <label>
            内容最大高度(-1则无)
          </label>
          <div>
            <input nz-input [(ngModel)]="options.contentMaxHeight" />
          </div>
        </div>
        <!-- 内容最大高度 end -->
      </ng-container>
      <!-- 页签大小 start -->
      <div *ngIf="getType(options.size) !== 'undefined'">
        <label>
          大小
        </label>
        <div>
          <nz-radio-group [(ngModel)]="options.size">
            <label nz-radio-button nzValue="large">large</label>
            <label nz-radio-button nzValue="default">default</label>
            <label nz-radio-button nzValue="small">small</label>
          </nz-radio-group>
        </div>
      </div>
      <!-- 页签大小 end -->

      <!-- grid type 配置 start -->
      <ng-container *ngIf="selectItem.type === 'grid'">
        <div>
          <label>
            栅格间距
          </label>
          <div>
            <nz-input-number [(ngModel)]="selectItem.options.gutter" [nzPlaceHolder]="'请输入'"></nz-input-number>
          </div>
        </div>
        <div>
          <label>
            列配置项
          </label>
          <div>
            <app-design-form-change-option [type]="'colspan'"
              [(ngModel)]="selectItem.columns"></app-design-form-change-option>
          </div>
        </div>
      </ng-container>

      <!-- grid type 配置 end-->

      <!-- 默认值部分 start -->
      <div *ngIf="selectItem.type === 'switch'">
        <label>
          默认值
        </label>
        <div>
          <nz-switch [(ngModel)]="options.defaultValue"></nz-switch>
        </div>
      </div>
      <div *ngIf="selectItem.type === 'number' || selectItem.type === 'slider'">
        <label>
          默认值
        </label>
        <div>
          <nz-input-number [nzStep]="options.step" [nzMin]="options.min || -Infinity" [nzMax]="options.max || Infinity"
            [(ngModel)]="options.defaultValue"></nz-input-number>
        </div>
      </div>
      <div *ngIf="selectItem.type === 'rate'">
        <label>
          默认值
        </label>
        <div>
          <nz-rate [nzAllowHalf]="options.allowHalf" [nzCount]="options.max"
            [(ngModel)]="options.defaultValue"></nz-rate>
        </div>
      </div>
      <div *ngIf="selectItem.type === 'select'">
        <label>
          默认值
        </label>
        <div>
          <nz-select style="width: 100%;" [(ngModel)]="options.defaultValue">
            <nz-option *ngFor="let option of options.options" [nzValue]="option.value"
              [nzLabel]="option.label"></nz-option>
          </nz-select>
        </div>
      </div>
      <div *ngIf="selectItem.type === 'radio'">
        <label>
          默认值
        </label>
        <div>
          <nz-radio-group [(ngModel)]="options.defaultValue">
            <label *ngFor="let item of options.options" nz-radio [nzValue]="item.value">{{item.label}}</label>
          </nz-radio-group>
        </div>
      </div>
      <div *ngIf="selectItem.type === 'checkbox'">
        <label>
          默认值
        </label>
        <div>
          <app-design-form-item-checkbox [options]="options.options" [(ngModel)]="options.defaultValue">
          </app-design-form-item-checkbox>
          <!-- <nz-checkbox-group></nz-checkbox-group>
          <nz-radio-group [(ngModel)]="options.defaultValue">
            <label
              *ngFor="let item of options.options" nz-radio
              [nzValue]="item.value">{{item.label}}</label>
          </nz-radio-group> -->
        </div>
      </div>
      <ng-container *ngIf="!(selectItem.type === 'number' || selectItem.type === 'radio' || selectItem.type === 'checkbox'
        || selectItem.type === 'date' || selectItem.type === 'rate' || selectItem.type === 'select'
        || selectItem.type === 'switch' || selectItem.type === 'slider'  || selectItem.type === 'html')
          && getType(options.defaultValue) !== 'undefined'">
          <div>
            <label>
              label标签换行
            </label>
            <div>
              <nz-switch [(ngModel)]="options.wrap"></nz-switch>
            </div>
          </div>
          <div>
            <label>
              默认值
            </label>
            <div>
              <textarea nz-input [(ngModel)]="options.defaultValue" [nzAutosize]="{ minRows: 2, maxRows: 10 }">
              </textarea>
            </div>
          </div>
      </ng-container>
      <!-- 默认值部分 end -->
      <div *ngIf="getType(options.format) !== 'undefined'">
        <label>
          时间格式
        </label>
        <div>
          <input nz-input [disabled]="true" [(ngModel)]="options.format" placeholder="时间格式如：YYYY-MM-DD HH:mm:ss" />
        </div>
      </div>


      <div *ngIf="getType(options.orientation) !== 'undefined'">
        <label>
          标签位置
        </label>
        <div>
          <nz-radio-group [(ngModel)]="options.orientation">
            <label nz-radio-button nzValue="left">左</label>
            <label nz-radio-button nzValue="">居中</label>
            <label nz-radio-button nzValue="right">右</label>
          </nz-radio-group>
        </div>
      </div>

      <!-- button -->
      <ng-container *ngIf="selectItem.type === 'button'">
        <div>
          <label>
            类型
          </label>
          <div>
            <nz-radio-group [(ngModel)]="options.type">
              <label nz-radio nzValue="primary">Primary</label>
              <label nz-radio nzValue="default">Default</label>
              <label nz-radio nzValue="dashed">Dashed</label>
              <label nz-radio nzValue="text">Text</label>
              <label nz-radio nzValue="link">Link</label>
            </nz-radio-group>
          </div>
        </div>
        <div>
          <label>
            按钮操作
          </label>
          <div>
            <nz-radio-group [(ngModel)]="options.handle">
              <label nz-radio-button nzValue="dynamic">动态函数</label>
              <label nz-radio-button nzValue="">无操作</label>
              <!-- <label nz-radio-button nzValue="submit">提交</label>
                  <label nz-radio-button nzValue="reset">重置</label> -->
            </nz-radio-group>
          </div>
        </div>
        <div *ngIf="options.handle === 'dynamic'">
          <label nz-tooltip [nzTooltipTitle]="dynamicTipTemplate">
            动态函数
          </label>
          <div>
            <textarea nz-input [(ngModel)]="options.dynamicFun" [nzAutosize]="{ minRows: 2, maxRows: 10 }">
            </textarea>
          </div>
          <ng-template #dynamicTipTemplate>
            <div style="color: #ccc;">
              <div>打开窗口:</div>
              <div>{{openWindowFunction}}</div>
              <div>调用函数:</div>
              <div>{{fetchFunction}}</div>
            </div>
          </ng-template>
        </div>
      </ng-container>

      <!-- button -->
      <ng-container *ngIf="selectItem.type === 'alert'">
        <div>
          <label>
            辅助描述
          </label>
          <div>
            <input nz-input [(ngModel)]="options.description">
          </div>
        </div>
        <div>
          <label>
            类型
          </label>
          <div>
            <nz-radio-group nzButtonStyle="solid" [(ngModel)]="options.type">
              <label nz-radio nzValue="success">success</label>
              <label nz-radio nzValue="info">info</label>
              <label nz-radio nzValue="warning">warning</label>
              <label nz-radio nzValue="error">error</label>
            </nz-radio-group>
          </div>
        </div>
        <!-- 操作属性 TODO -->
        <!-- <a-form-item v-if="selectItem.type === 'alert'" label="操作属性">
          <kCheckbox v-model="options.showIcon" label="显示图标" />
          <kCheckbox v-model="options.banner" label="无边框" />
          <kCheckbox v-model="options.closable" label="可关闭" />
        </a-form-item> -->
      </ng-container>

      <!-- 折叠面板 start -->
      <ng-container *ngIf="selectItem.type === 'collapse'">
        <!-- 页签位置 start -->
        <div>
          <label>
            是否每次只打开一个tab
          </label>
          <div>
            <nz-radio-group [(ngModel)]="options.tabPosition">
              <label nz-radio [nzValue]="true">是</label>
              <label nz-radio [nzValue]="false">否</label>
            </nz-radio-group>
          </div>
        </div>
        <!-- 页签位置 end -->

        <div>
          <label>
            列配置项
          </label>
          <div>
            <app-design-form-change-option [type]="'collapse'"
              [(ngModel)]="selectItem.columns"></app-design-form-change-option>
          </div>
        </div>
        <!-- 页签类型 start -->
      </ng-container>
      <!-- 折叠面板 end -->

      <ng-container *ngIf="selectItem.type === 'text'">
        <div>
          <label>
            文字对齐方式
          </label>
          <div>
            <nz-radio-group nzButtonStyle="solid" [(ngModel)]="options.textAlign">
              <label nz-radio-button nzValue="left">左</label>
              <label nz-radio-button nzValue="center">居中</label>
              <label nz-radio-button nzValue="right">右</label>
            </nz-radio-group>
          </div>
        </div>
        <div>
          <label>
            文字样式
          </label>
          <div style="display: flex;">
            <input [(colorPicker)]="options.color" [style.background]="options.color" />
            <nz-select [(ngModel)]="options.fontFamily">
              <nz-option *ngFor="let font of familyOptions" [nzValue]="font.value" [nzLabel]="font.label"></nz-option>
            </nz-select>
            <input [(ngModel)]="options.fontSize" nz-input />
          </div>
        </div>
        <div>
          <label>
            显示必选标记
          </label>
          <div>
            <nz-switch [(ngModel)]="options.showRequiredMark"></nz-switch>
          </div>
        </div>
        <!-- 文字字体 TODO colorpick -->
        <!-- <a-form-item v-if="selectItem.type === 'text'" label="字体属性设置">
          <colorPicker v-model="options.color" />
          <a-select
            :options="familyOptions"
            v-model="options.fontFamily"
            style="width:36%;margin-left:2%;vertical-align:bottom;"
          />
          <a-select
            :options="sizeOptions"
            v-model="options.fontSize"
            style="width:35%;margin-left:2%;vertical-align:bottom;"
          />
        </a-form-item> -->
        <!-- 操作属性 TODO -->
        <!-- <a-form-item v-if="selectItem.type === 'text'" label="">
          <kCheckbox v-model="options.showRequiredMark" label="显示必选标记" />
        </a-form-item> -->
      </ng-container>


      <div *ngIf="getOperationProperty()">
        <label>
          操作属性
        </label>
        <div>
          <label *ngIf="getType(options.hidden) !== 'undefined'" nz-checkbox [(ngModel)]="options.hidden">隐藏</label>
          <label *ngIf="getType(options.disabled) !== 'undefined'" nz-checkbox [(ngModel)]="options.disabled">禁用</label>
          <label *ngIf="getType(options.readonly) !== 'undefined'" nz-checkbox [(ngModel)]="options.readonly">只读</label>
          <label *ngIf="getType(options.clearable) !== 'undefined'" nz-checkbox
            [(ngModel)]="options.clearable">可清除</label>
          <label *ngIf="getType(options.multiple) !== 'undefined'" nz-checkbox [(ngModel)]="options.multiple">多选</label>
          <label *ngIf="getType(options.range) !== 'undefined'" nz-checkbox [(ngModel)]="options.range">范围选择</label>
          <label *ngIf="getType(options.showTime) !== 'undefined'" nz-checkbox
            [(ngModel)]="options.showTime">时间选择器</label>
          <label *ngIf="getType(options.allowHalf) !== 'undefined'" nz-checkbox
            [(ngModel)]="options.allowHalf">允许半选</label>
          <label *ngIf="getType(options.showInput) !== 'undefined'" nz-checkbox
            [(ngModel)]="options.showInput">显示输入框</label>
          <label *ngIf="getType(options.showLabel) !== 'undefined'" nz-checkbox
            [(ngModel)]="options.showLabel">显示Label</label>
          <label *ngIf="getType(options.chinesization) !== 'undefined'" nz-checkbox
            [(ngModel)]="options.chinesization">汉化</label>
          <label *ngIf="getType(options.hideSequence) !== 'undefined'" nz-checkbox
            [(ngModel)]="options.hideSequence">隐藏序号</label>
          <label *ngIf="getType(options.drag) !== 'undefined'" nz-checkbox [(ngModel)]="options.drag">允许拖拽</label>
          <label *ngIf="getType(options.showSearch) !== 'undefined'" nz-checkbox
            [(ngModel)]="options.showSearch">可搜索</label>
          <label *ngIf="getType(options.treeCheckable) !== 'undefined'" nz-checkbox
            [(ngModel)]="options.treeCheckable">可勾选</label>
          <label *ngIf="getType(options.animated) !== 'undefined'" nz-checkbox
            [(ngModel)]="options.animated">动画切换</label>
        </div>
      </div>


      <ng-container *ngIf="getType(selectItem.rules) !== 'undefined'
      && selectItem.rules.length > 0">
        <div>
          <label>
            校验
          </label>
          <div>
            <label nz-checkbox [(ngModel)]="selectItem.rules[0].required">必填</label>
            <input nz-input [(ngModel)]="selectItem.rules[0].message" placeholder="必填校验提示信息" />
          </div>
        </div>
        <app-design-form-change-option [type]="'rules'" [(ngModel)]="selectItem.rules"></app-design-form-change-option>
      </ng-container>
      <!-- <ng-container *ngIf="getType(selectItem.rules) !== 'undefined'
      && selectItem.rules.length > 0"> -->

      <!-- </ng-container> -->

      <div *ngIf="getType(selectItem.important) !== 'undefined'">
        <label>
          重要信息
        </label>
        <div>
          <input nz-input [(ngModel)]="selectItem.important" placeholder="请输入" />
        </div>
      </div>

      <div *ngIf="getType(selectItem.help) !== 'undefined'">
        <label>
          帮助信息
        </label>
        <div>
          <input nz-input [(ngModel)]="selectItem.help" placeholder="请输入" />
        </div>
      </div>


      <div *ngIf="getType(options.addonBefore) !== 'undefined'">
        <label>
          前缀
        </label>
        <div>
          <input nz-input [(ngModel)]="options.addonBefore" placeholder="请输入" />
        </div>
      </div>
      <div *ngIf="getType(options.addonAfter) !== 'undefined'">
        <label>
          后缀
        </label>
        <div>
          <input nz-input [(ngModel)]="options.addonAfter" placeholder="请输入" />
        </div>
      </div>
    </div>
    </ng-template>
  </div>
</div>
